<!DOCTYPE html>
<head>
    <link rel="stylesheet" type="text/css" href="css/jquery.gridly.css">
    <script src="js/jquery-2.1.1.min.js"></script>
    <script src="js/jquery.gridly.js"></script>
</head>
<body>
    <style>
        .brick.small {
            width: 120px;
            height: 140px;
            border: 2px solid black;
        }

        .brick.large {
            width:  120px;
            height: 280px;
            border: 2px solid black;
        }
          
        .container {
            margin: 0 auto;
            width: 1400px;
            background: #ccc;
        }            
        .gridly {
            width: 1400px;
            position: relative;
        }

    </style>

    <div class="gridly container">
      <div class="brick small"><a href="#">wahah</a></div>
      <div class="brick small"></div>
      <div class="brick large"></div>
      <div class="brick small"></div>
      <div class="brick small"></div>
      <div class="brick large"></div>
            <div class="brick small"></div>
      <div class="brick large"></div>
      <div class="brick small"></div>
      <div class="brick small"></div>
      <div class="brick large"></div>
            <div class="brick small"></div>
      <div class="brick large"></div>
      <div class="brick small"></div>
      <div class="brick small"></div>
      <div class="brick large"></div>
            <div class="brick small"></div>
      <div class="brick large"></div>
      <div class="brick small"></div>
      <div class="brick small"></div>
      <div class="brick large"></div>
    </div>

    <script>
      $(() => {
        $('.gridly').gridly();
      });
      
    </script>
</body>

